import { StyleSheet } from "react-native";
import { Color } from "../common";

const flowDetailStyles = StyleSheet.create({
  flowWater: {
    position: "relative",
    overflow: "hidden"
  },
  flowWaterItem: {
    backgroundColor: "#fff",
    borderBottomWidth: 1,
    borderBottomColor: "#f2f2f2"
  },
  flowWaterTopOrBottom: {
    position: "relative",
    overflow: "hidden",
    paddingTop: 5,
    paddingBottom: 5,
    paddingLeft: 10,
    paddingTop: 5,
    paddingRight: 10,
    flexDirection: "row"
  },
  topSpan: {
    fontSize: 16,
    color: "#616161"
  },
  bottomTime: {
    color: "#b3b3b3",
    flex: 1
  },
  bottomCount: {
    color: "#b3b3b3"
  },

  container: {
    position: "absolute",
    top: 0,
    bottom: 0,
    left: 0,
    right: 0
  },
  filterList: {
    position: "absolute",
    zIndex: 9,
    top: 0,
    bottom: 0,
    left: 0,
    right: 0,
    backgroundColor: "rgba(0,0,0,0.3)"
  },
  listUl: {
    position: "relative",
    textAlign: "center",
    backgroundColor: "#fff",
    paddingTop: 20,
    paddingBottom: 20,
    paddingLeft: "3%",
    paddingRight: "3%",
    flexDirection: "row",
    flexWrap: "wrap"
  },
  listUlLi: {
    width: "29%",
    backgroundColor: "#f4f5f6",
    height: 40,
    margin: "2%"
  },
  listUlLiText: {
    height: 40,
    width: "100%",
    lineHeight: 40,
    textAlign: "center"
  },
  liActive: {
    backgroundColor: "#e5f1fd",
    color: Color
  }
});

export default flowDetailStyles;
